<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Favicons -->
    <link rel="shortcut icon" href="images/icon.png">
    <title> 德育学分管理系统 </title>

    <!-- CSS Bootstrap & Custom -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="css/animate.css">
    <link href="css/reset.css" rel="stylesheet" media="screen">
    
    <!-- JavaScripts -->
    <script src="js/jquery-1.10.2.min.js"></script>
    
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    
</head>
<body>     
<!-- This one in here is responsive menu for tablet and mobiles -->
<div class="responsive-navigation visible-sm visible-xs">
    <a href="#" class="menu-toggle-btn">
        <i class="fa fa-bars fa-2x"></i>
    </a>
    <div class="responsive_menu">
        <ul class="main_menu">          
            <li><a href="home_show.action" ><i class="glyphicon glyphicon-home"></i> 首页</a></li>
            <li><a href="score_scoreUI.action"><i class="glyphicon glyphicon-user"></i> 学分管理</a></li>
            <li><a href="activeManage.html" ><i class="glyphicon glyphicon-briefcase"></i> 活动管理</a></li>
            <li><a href="systemManage.html" ><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>
            <li><a href="login.html" ><i class="glyphicon glyphicon-off"></i> 注销</a></li>
        </ul> <!-- /.main_menu -->
    </div> <!-- /.responsive_menu -->
</div> <!-- /responsive_navigation -->

<div class="main-content">
    <div class="container">
        <div class="row">
            <!-- Static Menu -->
            <div class="col-md-2 visible-md visible-lg">
                <div class="main_menu">
                    <ul class="menu">
                       <li><a href="home_show.action" ><i class="glyphicon glyphicon-home"></i> 首页</a></li>
                        <li><a href="score_scoreUI.action"><i class="glyphicon glyphicon-user"></i> 学分管理</a></li>
                        <li><a href="activeManage.html"><i class="glyphicon glyphicon-briefcase"></i> 活动管理</a></li>
                        <li><a href="systemManage.html"><i class="glyphicon glyphicon-cog"></i> 系统管理</a></li>                        
                    </ul>
                </div> <!-- /.main-menu -->
            </div> <!-- /.col-md-2 -->

         <!-- Begin Content -->
            <div class="col-md-9">
                <div class="row">
                    <div class="col-md-12">
                        <div class="templatemo_logo">
                            <div class="templatemo_logo">
                            <a href="#">
                            <img src="images/templatemo_logo.png" alt="Genius">
                            </a> 
                            <span class="pull-right userinfo">
                                <a href="#"><label class="userName" value="dfs"></label></a>
                                <a href="modify password.html" title="修改密码"><span class="glyphicon glyphicon-edit"></span></a>
                                <a href="login.html" title="注销"><span class="glyphicon glyphicon-off"></span></a>
                            </span>
                    </div> <!-- /.logo -->
                        </div> <!-- /.logo -->
                    </div> <!-- /.col-md-12 -->

                    <div class="col-md-12">
                        <div class="page-header">
                            <h2 class="page-title color-text">于永磊</h2>
                        </div> <!-- /.page-header -->
                        <div class="page-header nobutton">
                            <div class="row topmove">
                                <div class="col-md-12">
                                    <form class="form-horizontal" role="form">
                                        <div class="form-group">
                                            <label class="col-sm-3 text-nowrap control-label">院系: 国际教育学院</label>
                                            <label class="col-sm-3 text-nowrap control-label text-left">学号: 541112010328</label>
                                            <label class="col-sm-3 text-nowrap control-label text-left">班级: 互联网11-3</label>
                                            <div class="col-sm-1">
                                                
                                            </div>  
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="table-responsive">
                           <table class="table">
                               <thead>
                                   <tr>
                                       <th>序号</th>
                                       <th>姓名</th>
                                       <th>成绩</th>
                                       <th>学分</th>
                                       <th>学期</th>
                                       <th>添加时间</th>
                                       <th>操作</th>
                                   </tr>
                               </thead>
                               <tbody>
                                   <tr>
                                       <td>1</td>
                                       <td>李斯哈</td>
                                       <td>97</td>
                                       <td>6</td>
                                       <td>7</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                                   <tr>
                                       <td>2</td>
                                       <td>李斯哈</td>
                                       <td>97</td>
                                       <td>6</td>
                                       <td>6</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   <tr>
                                       <td>3</td>
                                       <td>李斯哈</td>
                                       <td>88</td>
                                       <td>5</td>
                                       <td>5</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                                   <tr>
                                       <td>4</td>
                                       <td>李斯哈</td>
                                       <td>87</td>
                                       <td>5</td>
                                       <td>4</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                                   <tr>
                                       <td>5</td>
                                       <td>李斯哈</td>
                                       <td>87</td>
                                       <td>5</td>
                                       <td>3</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                                    <tr>
                                       <td>6</td>
                                       <td>李斯哈</td>
                                       <td>87</td>
                                       <td>5</td>
                                       <td>2</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                                    <tr>
                                       <td>7</td>
                                       <td>李斯哈</td>
                                       <td>87</td>
                                       <td>5</td>
                                       <td>1</td>
                                       <td>2015-04-01 14:34:30</td>
                                       <td><a href="#" data-toggle="modal" data-target=".bs-example-modal-lgdetail">详细</a></td>
                                   </tr>
                               </tbody>
                           </table>
                        </div>
                    </div><!-- /.col-md-12 -->
                     <!-- Modal detail 详细信息弹框 -->
                    <div class="modal fade bs-example-modal-lgdetail" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
                      <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                          <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title" id="myModalLabel">详细信息</h4>
                          </div>
                          <div class="modal-body">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-md-12">
                                    <div class="table-responsive"><!--添加响应式表格-->
                                      <table class="table">
                                           <thead>
                                               <tr>
                                                   <th>序号</th>
                                                   <th>活动类型</th>
                                                   <th>活动名称</th>
                                                   <th>成绩</th>
                                                   <th>添加时间</th>
                                               </tr>
                                           </thead>
                                           <tbody>
                                               <tr>
                                                   <td>1</td>
                                                   <td>公益活动</td>
                                                   <td>图书馆整理书籍</td>
                                                   <td>5</td>
                                                   <td>2014-10-10 15:05:38</td>
                                               </tr>
                                                <tr>
                                                   <td>2</td>
                                                   <td>公益活动</td>
                                                   <td>图书馆整理书籍</td>
                                                   <td>5</td>
                                                   <td>2014-10-10 15:05:38</td>
                                               </tr>
                                               <tr>
                                                   <td>3</td>
                                                   <td>公益活动</td>
                                                   <td>图书馆整理书籍</td>
                                                   <td>5</td>
                                                   <td>2014-10-10 15:05:38</td>
                                               </tr>
                                                <tr>
                                                   <td>4</td>
                                                   <td>公益活动</td>
                                                   <td>图书馆整理书籍</td>
                                                   <td>5</td>
                                                   <td>2014-10-10 15:05:38</td>
                                               </tr>
                                           </tbody>
                                       </table>
                                       </div>
                                    </div>
                                </div>
                            </div>
                          </div>
                          <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-theme">保存</button>
                          </div>
                        </div><!-- /.modal-content -->
                      </div><!-- /.modal-dialog -->
                    </div><!-- /.modal detail-->

                </div> <!-- /.row -->
            </div> <!-- /.col-md-9 -->
        </div> <!-- /.row -->
    </div> <!-- /.container -->
</div> <!-- /.main-content -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mixitup.min.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/jquery.lightbox.js"></script>
<script src="js/custom.js"></script>
<script src="js/index.js"></script>

</body>
</html>